<template>
     <view class="background" style="box-sizing: border-box;">
      <view class="mainpadding">
				<view class="daowu  flexleft">
					<view class="daodian color1">
						到店自提
					</view>
					<view class="wuliu" @click="wuliusong">
						物流配送
					</view>
				</view>
				<!--收货-->
				<view class="shouhuoren ffffff" @click="goadddizhi">
					<view class="leftinfo ">
						<view class="flexleft">
							<view class="personname uu">马斯克</view><view class="personphone">18768998952</view>
						</view>
						<view class="adress">河南省郑州市高新区金和商务中心B座23楼563室</view>
					</view>
				</view>
				<!---中间item-->
				<view class="itemlist ffffff">
				  <view class="productimg">
					  <image  src="../../static/images/shopping/productimg.png"></image>
				  </view>
				  <view class="right">
					  <view class="righttop">
						  <view class="txt1">
							 万利达电水壶1s 
						  </view>
						  <view class="txt2">
							  ¥98.00
						  </view>
					  </view>
					  <view class="rightbottom">
						  <view class="txt3">
						  	颜色：白色				
						  </view>
						  <view class="txt4">
						  	 x1			
						  </view>
					  </view>
				  </view>
				</view>
				<view class="yunshu ffffff flexbetween">
					<view class="yunfei">备注</view>
					<input class="liuyan" placeholder="请输入留言信息给卖家"/>
				</view>
				</view>
			    <view class="bottomsubmitbtn flexbetween">
			    	  <view class="flexcenter">
			    		  <view class="zongji">合计</view>
			    		  <view class="price1">
			    		  	￥299.00		   
			    		  </view>
			    	  </view>
			        <view class="submitcontext" @click="gopay">
			     	   立即支付
			        </view> 
			    </view>
			</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		methods:{
			wuliusong(){
				uni.navigateTo({
					url:'/pages/shopping/wuliupeisong'
				})
			}
		}
	}
</script>

<style lang="scss">
.daodian{
	z-index:3;
	font-size: 26rpx;
	font-family: PingFang SC-Heavy, PingFang SC;
	font-weight: 800;
	color: #FFFFFF;
	line-height: 30rpx;
	border-radius: 42rpx;
	padding: 12rpx 24rpx;
}
.wuliu{
	font-size: 26rpx;
	font-family: PingFang SC-Heavy, PingFang SC;
	font-weight: 800;
	color: #000000;
	line-height: 30rpx;
	padding-right: 36rpx;
	background-color: rgba(212, 212, 212, 1);
	position: relative;
	left:-20rpx;
	border-radius: 0 42rpx  42rpx 0 ;
	padding:11rpx 31rpx;
}
.shouhuoren{
	margin-top: 30rpx;
	padding: 30rpx;
}
/*中间商品列表*/
.itemlist{
	margin-top: 30rpx;
	padding: 30rpx;
	display: flex;
}
.personname,.personphone{
	font-size: 30rpx;
	font-family: PingFang SC-Heavy, PingFang SC;
	font-weight: 800;
	color: #000000;
	line-height: 42rpx;
}
.uu{
	margin-right: 42rpx;
}
.adress{
	margin-top: 20rpx;
	font-size: 26rpx;
	font-family: PingFang SC-Medium, PingFang SC;
	font-weight: 500;
	color: #666666;
	line-height: 42rpx;
}
.productimg{
	width: 124rpx;
	height: 124rpx;
	margin-right: 25rpx;
	image{
		width: 100%;
		height: 100%;
		border-radius: 14rpx;
	}
}
.right{
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.righttop{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.rightbottom{
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}
.txt1{
 font-size: 30rpx;
 font-family: PingFang SC-Heavy, PingFang SC;
 font-weight: 800;
 color: #333333;
 line-height: 35rpx;	
}
.txt2{
	font-size: 34rpx;
	font-family: PingFang SC-Heavy, PingFang SC;
	font-weight: 800;
	color: #FF5C00;
	line-height: 40rpx;
}
.txt3{
	font-size: 26rpx;
	font-family: PingFang SC-Medium, PingFang SC;
	font-weight: 500;
	color: #666666;
	line-height: 30rpx;
}
.txt4{
 font-size: 26rpx;
 font-family: PingFang SC-Heavy, PingFang SC;
 font-weight: 800;
 color: #FF5C00;
 line-height: 30rpx;	
}
/*运输*/
.yunshu{
	margin-top: 30rpx;
	padding: 30rpx;
}
.yunfei{
	font-size: 26rpx;
	font-family: PingFang SC-Heavy, PingFang SC;
	font-weight: 800;
	color: #333333;
	line-height: 30rpx;
}
.liuyan{
	font-size: 26rpx;
	font-family: PingFang SC-Medium, PingFang SC;
	font-weight: 500;
	color: #000000;
	line-height: 30rpx;
	height: 30rpx;
	text-align: right;
}
input::placeholder{
	color: #666666;
}
/*bottom*/
.bottomsubmitbtn{
			position: fixed;
			width: 100%;
			bottom: 0rpx;
			left: 0rpx;
			padding:30rpx 50rpx;
			background-color: #FFFFFF;
			box-sizing: border-box;
			line-height: 100%;
			.zongji{
				font-size: 30rpx;
				font-family: PingFang SC-Medium, PingFang SC;
				font-weight: 500;
				color: #333333;
				line-height: 40rpx;
			}
			.price1{
				font-size: 36rpx;
				font-family: PingFang SC-Heavy, PingFang SC;
				font-weight: 800;
				color: #FF5C00;
				line-height: 42rpx;
			}
			.submitcontext{
				background-color: rgba(255, 92, 0, 1);
			   font-size: 32rpx;
			   font-family: PingFang SC-Heavy, PingFang SC;
			font-weight: 800;
			color: #FFFFFF;
			line-height: 80rpx;
			border-radius: 120rpx;
			padding: 2rpx 48rpx;
			text-align: center;
			}
}
</style>
